body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.cousewareinfo {
    background-color: #429AFF;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
    border: 1px;
    position: relative;
    width: 100%;
    height: 260px;
    color: #fff;
}

.cousewareinfo .stat, .cousewareinfo .title {
    padding-left: 40px;
    padding-top: 30px;
}

.cousewareinfo .title {
    float: left;
    font-size: 28px;
}
.cousewareinfo {
    background-color: #429AFF;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
    border: 1px;
    position: relative;
    width: 100%;
    height: 260px;
    color: #fff;
}
.cousewareinfo .stat .col {
    border-right: 2px solid #fff;
    float: left;
    min-width: 200px;
    padding-left: 80px;
    padding-right: 80px;
}
.cousewareinfo .stat .lastcol {
    float: left;
    min-width: 200px;
    padding-left: 80px;
}
.cousewareinfo .stat .cousrewarebtn {
    float: left;
    padding-left: 80px;
}
.ib-selfstudy-btn {
    height: 60px;
    width: 200px;
}
.ib-selfstudy-bfont {
    font-size: 36px!important;
}
.cousewareinfo .stat span {
    font-size: 20px;
}
.cousewareinfo em {
    align: center;
    position: absolute;
    margin-bottom: 0;
    display: block;
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    border-top: 30px solid #429AFF;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.cousewarelist {
    width: 70%;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.list-group {
    padding-left: 0;
    margin-bottom: 0;
}
.panel-group .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-bottom: 1px solid #ddd;
    height: 60px;
}
.panel-body {
    padding: 0;
}
/*.panel-title {*/
/*padding-top: 10px!important;*/
/*}*/
.badge{
    float: right;
}
a{text-decoration:none}
a:link{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.main{
    min-height: 0;
}
.main .container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 0px;
}
.continueL {
    margin: 10px 0 0 5px;
    box-shadow: none;
    padding: 5px 16px;
    font-size: 13px;
}
.continueL:hover{
    box-shadow: 0 2px 4px 1px #ccc;
}
.classHour button{
    margin-top: 10px;
}
.panel-title{
    font-size: 14px;
    color: #555;
}
.item span{
    font-size: 12px;
    color: #999;
}
.list-group-item{
    border:1px solid transparent;
    background-color: rgb(250,250,250);
}


#userImgs{
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    display: block;
    margin-right: 12px;
}
#userNames{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

ol, ul {
    list-style: none;
}
.replyList{
    padding-left: 0;
    clear: both;
}

.replyList li.item {
    overflow: hidden;
    padding-left: 55px;
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.replyList li.item>img {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #999;
    margin-left: -55px;
    float: left;
}
.blue{
    color: #666;
    font-size: 14px;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.btn-lg{
    background:none;
    width:180px;
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;    border-color: transparent;  box-shadow:none;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "| ";
    padding: 0 5px;
}
.btn{
    padding: 5px 10px;
    font-size: 12px;
}
.progress{
    height: 12px;
}
.progress-bar{
    height: 12px;
    line-height: 12px;
}
.answerLink{
    float: right;
    margin-right: 15px;
    color: #999;
}
.answerLink:hover{
    color: #00a0e9;
}
.nav-tabs a.courseTabLink{
    color: #555;
    padding: 10px 20px;
}
.nav-tabs a.courseTabLink:hover{
    color: #555;
}
.question-sort a{
    font-size: 12px;
    margin-left: 5px;
    line-height: 30px;
}
.search-area{
    float: left;
    width: 140px;
}
.ask-link{
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    display: block;
    float: left;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 10px;
}
.search-icon{
    width: 16px;
}
#title{
    padding-left: 0;
    font-size: 28px;
    color: #333;
    float: left;
    margin-bottom: 30px;
}
.question-link{
    margin-bottom: 15px;
    display: block;
    color: #555;
    font-weight: bold;
}
#teaimg{
    width:146px;
    height: 146px;
    border-radius:50%;
    float: left;
    margin-right: 15px;
}
.teacher-info{
    float:left;
    margin-right:5px;
}
h4.modal-title{
    font-size: 16px;
}
.item .tag{
    color: #71ba4c;
    font-size: 13px;
    font-weight: normal;
    margin: 0 8px;
}
@media screen and (min-width: 700px) and (max-width: 1300px){
    .coursePd{
        padding: 0 30px;
    }
}